@import "@/common/constants/StyleConst.scss";

.DocumentApproval-container {
  height: calc(100vh - 120px);
  background: $color-bg-white;
  min-height: 300px;

  .main-wrap {
    height: 100%;
    gap: 16px;

    :deep .list-wrap {
      height: 100%;

      .append-btn-group {
        button.v-icon {
          width: 24px;
          height: 24px;
        }
      }

      .active {
        .item-append {
          .v-input__control {
            .v-input__slot {
              background-color: $color-theme-lightgrey;
            }
          }
        }
      }
      .switch {
        &:not(.v-input--is-label-active) {
          .v-input--switch__thumb {
            color: $color-text-white!important;
          }
        }
        .theme--light.v-label {
          color: $color-text-white;
          font-size: 14px;
        }
      }
      .list-content {
        .v-input__control {
  
          .v-input__slot {
            background-color: $color-bg-white;
          }
  
        }
      }
    }

    :deep .v-input__control {
      min-height: 24px;
      height: 24px;
      width: 114px;

      .v-input__slot,
      .v-select__slot {

        input {
          color: #000;
          min-height: 24px;
          height: 24px;
        }
      }
    }

    .table-wrap {
      height: 100%;

      :deep .table-content {
        .action-icon-group {
          .icon::before {
            font-size: 16px;
            color: $color-theme-lightblue;
          }
        }

        &:hover {
          .input-select {
            .v-input__slot {
              background-color: $color-bg-white !important;
            }
          }
        }

        .text-center {
          &>div {
            justify-content: center;
          }
        }

        .radio {
          height: 16px;
          width: 16px;

          &:checked {
            accent-color: $color-theme-lightblue;
          }
        }
      }
    }
  }
}

.selectUser-dialog {
  .selectUserTable {
    :deep .theme--light.v-data-table.table {
      .v-data-table__wrapper {
        .v-data-table-header {
          tr th {
            height: 28px;
            line-height: 28px;

            span {
              margin-top: 8px
            }
          }
        }

        table tbody tr {

          &:hover {
            box-shadow: unset;
            background-color: #ECEDEE66;
          }

          td {
            height: 28px;
            border-bottom: unset;
          }
        }
      }
    }
  }
}